<template>
  <section class="mx-auto w-full rounded-lg bg-[#232728] p-3.5 lg:p-6">
    <div class="flex text-white items-start justify-between">
      <div v-if="title" class="mb-2.5 lg:mb-5">
        <h2 class="text-base lg:text-xl font-bold mb-2 uppercase">{{ title }}</h2>
        <div class="bg-[#EB414E] w-6 lg:w-12 h-1 lg:h-1.5 rounded-sm"></div>
      </div>
      <slot name="right"></slot>
    </div>
    <slot></slot>
  </section>
</template>

<script setup lang="ts">
const props = defineProps(['title'])
</script>

<style lang="scss"></style>
